@charset "utf-8";

.zone {
	height: calc(100vh - 47px);
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/rencai/bg.png);
	padding: 47px 0 0;
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
	line-height: 0;
	background-color: #6521AA;
}

.main {
	position: relative;
	line-height: 14px;
}

.first-tab {
	position: fixed;
	box-sizing: border-box;
	width: 100%;
	max-width: 480px;
	display: flex;
	bottom: 0;
	padding: 7px 0 0;
	align-items: center;
	justify-content: space-around;
	text-align: center;
	background: linear-gradient(to right bottom, #2D1A82, #7115B6);
}

.top-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 9px 7px 10px;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/rencai/top.png);
	background-size: 100% 100%;
	margin: 0 2px 27px;
}

.top-box p {
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
}

.top-box span {
	font-size: 15px;
	font-weight: 700;
	color: #FFEB63;
	text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
	background: linear-gradient(0deg, #FFEB63 0%, #FFFFFF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.titBox {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px 0;
}

.titBox span {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/center.png);
	background-size: 100% 100%;
	width: 265px;
	height: 19px;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	color: #FFFFFF;
}

.titBox img {
	width: 59px;
}

.listBox {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.listBig {
	width: calc(35% - 22px);
}
.listBig .list {
	width: 100% !important;
}
.list {
	width: calc(25% - 22px);
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/rencai/b1.png);
	background-size: 100% 100%;
	padding: 6px 6px 5px;
	margin: 0 5px 8px;
}
.list2 {
	width: 30% !important;
	margin: 0;
	padding: 6px 6px 10px;
}

.listin {
	background: linear-gradient(0deg, #1079F7 0%, #0C3F75 100%);
	box-shadow: 0px 1px 1px 0px #55E9FF, 0px 1px 1px 0px #0D275C, -1px 0px 2px 0px rgba(12, 63, 117, 0.3), 1px 0px 2px 0px rgba(12, 63, 117, 0.3);
	border-radius: 3px;
	padding: 2px 7px 15px;
	position: relative;
}

.suipian {
	position: absolute;
	width: calc(100% - 14px);
	display: flex;
	/* flex-direction: column; */
	align-items: center;
	bottom: 22px;
	justify-content: center;
}
.suipian p {
	font-size: 12px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #5B4407, 1px -1px 1px #5B4407, -1px 1px 1px #5B4407, -1px -1px 1px #5B4407;
}
.list span {
	font-size: 13px;
	text-align: center;
	display: block;
	text-shadow: 1px 1px 1px #0F3B1D, 1px -1px 1px #0F3B1D, -1px 1px 1px #0F3B1D, -1px -1px 1px #0F3B1D;
	margin: 5px 0 0;
	color: #FFFFFF;
}

.apart {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0px;
	display: flex;
	align-items: center;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 0px 0px 3px 3px;
	justify-content: center;
	padding: 2px 0;
}
.apart img {
	width: 16px;
	margin-right: 2px;
}
.apart span {
	margin: 0;
	font-size: 12px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
}
.green {
	/* color: #0ED909; */
}

.orange {
	color: #DE671A;
}

.pink {
	color: #D729E4;
}

.zhaomu {
	position: absolute;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/rencai/aniu.png);
	background-size: 100% 100%;
	width: calc(100% - 6px);
	left: 3px;
	display: block;
	top: 40%;
	font-size: 18px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #672E00, 1px -1px 1px #672E00, -1px 1px 1px #672E00, -1px -1px 1px #672E00;
	padding: 8px 0;
}

/* 人才直聘 */
.modal-employ {
	/* display: block; */
}
.rencaiimg1 {
	position: relative;
	z-index: 9;
	width: 70%;
	display: block;
	margin: 0 auto;
	transform: translateY(30%);
}
.rencaiimg2 {
}
.modal-content2 {
	line-height: 0;
}
.switch {
	position: relative;
}
.modal-close2 {
    width: 40px;
    height: auto;
    position: absolute;
	z-index: 9;
    top: 90px;
    right: 20px;
}
.switchIn {
	position: absolute;
	top: 0;
	width: 80%;
	display: block;
	margin: 15% 10%;
}
.switchIn img {
	position: absolute;
}
.tishi {
	position: absolute;
	bottom: 17%;
	zoom: 0.8;
	text-align: center;
	margin: 0 10%;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 30px;
	text-shadow: 0px 1px 1px rgba(149,62,5,0.75);
}
.chuji {
	color: #11CF00
}
.zhongji {
	color: #9200E7;
}
.em_center {
	
}
/* 任命 */
.modal-commission {
	/* display: block; */
}

.optionBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.option {
	width: calc(24% - 13px);
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/rencai/b1.png);
	background-size: 100% 100%;
	padding: 6px 6px 10px;
	margin-bottom: 8px;
}

.optionin {
	background: linear-gradient(0deg, #1079F7 0%, #0C3F75 100%);
	box-shadow: 0px 1px 1px 0px #55E9FF, 0px 1px 1px 0px #0D275C, -1px 0px 2px 0px rgba(12, 63, 117, 0.3), 1px 0px 2px 0px rgba(12, 63, 117, 0.3);
	border-radius: 3px;
	padding: 2px 7px 0;
	position: relative;
}

.suipian2 {
	position: absolute;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	bottom: 2px;
	zoom: 0.8;
}

.suipian2 img {
	width: 16px;
}

.suipian2 p {
	font-size: 12px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
}

.gongyu {
	position: absolute;
	left: 20%;
	width: 60%;
	bottom: 25px;
	border-radius: 3px;
	font-size: 10px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
}

.option .name {
	font-size: 13px;
	text-align: center;
	display: block;
	margin-top: 5px;
	color: #fff;
	text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
}

.optiongreen {
	background: #39CB31;
	box-shadow: 0px 1px 1px 0px rgba(200, 253, 161, 0.63), 0px 0px 1px 0px #AAFF88;
}

.optionorange {
	background: linear-gradient(0deg, #FFBA00 0%, #F17A1A 100%);
	box-shadow: 0px 1px 1px 0px #FFF119, 0px 0px 1px 0px #FFF83F;
}

.optionzise {
	background: #913CD9;
	box-shadow: 0px 1px 1px 0px rgba(242, 102, 255, 0.63), 0px 0px 1px 0px #F15AFF;
}

.zhaomu {
	position: absolute;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/rencai/aniu.png);
	background-size: 100% 100%;
	width: calc(100% - 6px);
	left: 3px;
	display: block;
	top: 34%;
	font-size: 18px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #672E00, 1px -1px 1px #672E00, -1px 1px 1px #672E00, -1px -1px 1px #672E00;
	padding: 8px 0;
}


/* 人才详情 */
.modal-detail {
	/* display: block; */
}

.detailTop {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.detailimg {
	position: relative;
	width: calc(35% - 40px);
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/rencai/xq.png);
	padding: 5px 20px;
	background-size: 100% 100%;
}

.detailimg span {
	display: block;
	text-align: center;
	width: 63px;
	height: 15px;
	background: #39CB31;
	box-shadow: 0px 1px 1px 0px rgba(200, 253, 161, 0.63), 0px 0px 1px 0px #AAFF88;
	border-radius: 3px;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 10px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #0F3B1D, 1px -1px 1px #0F3B1D, -1px 1px 1px #0F3B1D, -1px -1px 1px #0F3B1D;
}

.detailimg p {
	display: block;
	width: 100%;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/home/dipi.png);
	background-size: 100% 100%;
	padding: 5px 0;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 13px;
	font-weight: normal;
	color: #0ED909;
	text-shadow: 1px 1px 1px #0F3B1D, 1px -1px 1px #0F3B1D, -1px 1px 1px #0F3B1D, -1px -1px 1px #0F3B1D;
}

.detailleft {
	width: 63%;
	display: flex;
	flex-direction: column;
	background: #F7E7CE;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow: 0px 1px 1px 0px #FFFFFF, 0px -1px 1px 0px #BB8D67;
	border-radius: 3px;
}

.detail1 {
	position: relative;
	display: flex;
	align-items: center;
	background: #D6B68C;
	border-radius: 3px;
	padding: 6px 0 6px 5px;
	/* margin-top: 8px; */
}
.detail1 button {
	width: 46px;
	height: 24px;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn1.png);
	background-size: 100% 100%;
	position: absolute;
	right: 2px;
	top: 2px;
	font-size: 10px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #0F3B1D, 1px -1px 1px #0F3B1D, -1px 1px 1px #0F3B1D, -1px -1px 1px #0F3B1D;
}
.detail1 img {
	width: 16px;
}

.detail1 span {
	font-size: 15px;
	color: #5A4531;
}

.detail1 .luse {
	color: #28CC24;
}

.detail1 p {
	font-size: 15px;
	color: #F00303;
}

.detail2 {
	padding: 4px;
}

.detail2 span {
	font-size: 13px;
	color: #896541;
	line-height: 16px;
}

.detail2 img {
	width: 16px;
}

.detail2 div {
	margin: 3px 0;
	display: flex;
	align-items: center;
}

.tujing {
	background: rgba(181, 219, 255, 0.41);
	border: 1px solid;
	border-image: linear-gradient(0deg, rgba(44, 88, 136, 0.41), rgba(88, 140, 208, 0.41)) 1 1;
	border-radius: 3px;
	margin-top: 9px;
}

.tujing span {
	background: linear-gradient(0deg, rgba(66, 105, 148, 0.41) 0%, rgba(107, 154, 206, 0.41) 100%);
	box-shadow: 0px -1px 1px 0px rgba(36, 76, 129, 0.41);
	border-radius: 3px;
	display: block;
	width: calc(100% - 30px);
	font-size: 15px;
	color: #87EAFF;
	line-height: 20px;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
	padding: 6px 15px;
}

.downimg {
	display: block;
	margin: 2% 0 2% 25%;
}

.tujingin {
	padding: 0 20px;
}
.tujingin div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #D6B68C;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	border-radius: 3px;
	margin: 5px 0;
	padding: 6px 15px;
}
.tujingin div p {
	font-size: 15px;
	color: #513F2C;
	line-height: 18px;
}
.tujingin div button {
	width: 57px;
	height: 31px;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn5.png);
	background-size: 100% 100%;
	font-size: 12px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #550D06, 1px -1px 1px #550D06, -1px 1px 1px #550D06, -1px -1px 1px #550D06;
}
#jinjie {
	display: none;
}